
.middle > div {
    border: 1px solid gray;
}

.propaganda {
    display: flex;
    justify-content: center;
}

.propaganda > div > div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.propaganda > div > div:nth-child(1) > div:nth-child(1) {
    color: rgb(230, 145, 55);
    font-size: 30px;
}

.propaganda > div > div:nth-child(1) > div:nth-child(2) {
    color: gray;
    font-size: 15px;
}
.border-top{
    display: flex;
    flex-direction: column-reverse;
}
.map{
    display: flex;
    justify-content: center;
    margin: 50px 0;
}
.container{
    width: 800px;
    height: 500px;
}